<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 表单</title>
</head>
<body>
<!--from 表单-->
<!--action 是请求页面跳转的位置  表单中的数据也会跟着跳转                         -->
<!--method  跳转的方式-->
<!--get 不加密-->
<!--post 加密-->
<!--password 不可见内容-->
<!--text 可见内容-->
<!--sudmit  提交按钮 点击后会携带表中内容  找到action的跳转路径-->
<!--reset  重置按钮  会删除表单中的信息-->
<!--placeholder 提示信息-->
<!--size  控件的长度-->
<!--maxlength  控件的最大输入个数-->
<!--隐藏 hiddren-->
<from action="滚动标签.html" method="get">
  <p>用户名: <input type="text" name="username"
                 placeholder="请输入用户名" size="20" maxlength="010"></p>
  <p>密码:<input type="password" name="password" hiddren></p>


<!--  单选框 radio-->
  <p>性别:
    <input type="radio" name="sex" value="1">男
    <input type="radio" name="sex" value="0">女
  </p>
<!--复选框  checkbox-->
<p>爱好:
  <input type="checkbox" name="hobbies" value="sleep" >睡觉
  <input type="checkbox" name="hobbies" value="eat" >吃
  <input type="checkbox" name="hobbies" value="game" >游戏
  <input type="checkbox" name="hobbies" value="book" >书
  <input type="checkbox" name="hobbies" value="sing" >唱歌
</p>

<!--下拉列表框 select-->
<!--  disabled  代表禁用-->
<p>地区:
  <select name="areas" id="">
    <opyion value="0" disabled selected>[请选择地区]</opyion>
    <opyion value="beijing">北京</opyion>
    <opyion value="shanghai">上海</opyion>
    <opyion value="nanjing">南京</opyion>
    </select>
</p>

  <!--  文本域 textarea-->
  <textarea name="make" cols="30" rows="10"></textarea>
  
<!--文本域 上传文件  file-->
<!--  支持多选 multiple-->
  <p>文件上传:
    <input type="file" multiple>
  </p>

<!--  验证-->
<!--  非空required-->
<p>邮箱:
  <input type="email" name="required">
</p>
<!--正则表达式验证-->
<p>邮箱:
  <input pattern="" type="text" name=email">

</p>





  <p><input type="submit" value="登录">
  <input type="reset">
  </p>
</from>

</body>
</html>